<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4" >
<head>
    <meta charset="UTF-8">
    <title >匹配结果</title>
    <!--    导入layui组件，优秀的弹窗框架-->
    <link rel="stylesheet" th:href="@{/plugins/layui-v2.6.8/layui/css/layui.css}">

    <!--    导入layui组件，优秀的弹窗框架-->
    <script th:src="@{/plugins/layui-v2.6.8/layui/layui.js}"></script>
</head>
<body>
<!--<button type="button" class="layui-btn layui-btn-primary" th:text="'找到'+${articles.size()}+'篇相关'">原始按钮</button>-->
<!--<div th:text="'找到'+${articles.size()}+'篇相关'"></div>-->
<fieldset class="layui-elem-field">
    <legend th:text="'找到'+${articles.size()}+'篇相关'" style="font-size: 14px"></legend>
    <div class="layui-field-box">
        <table class="layui-table" lay-skin="line">
            <colgroup>
                <col width="150">
                <col width="150">
                <col width="200">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>标题</th>
                <th>作者</th>
                <th>时间</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="list : ${articles}">
                <td >
                    <div class="btn-group">
                        <a  th:href="@{'/articleDetails/'+${list.id}}" target="_blank" th:text="${list.articleTitle}" >

                        </a>
                    </div>
                </td>
                <td th:text="${list.articleAuthor}"></td>
                <td th:text="${#dates.format(list.articleNewstime,'yyyy/MM/dd HH:mm:ss')}">1989-10-14</td>
            </tr>
            </tbody>
        </table>
    </div>
</fieldset>


</body>
</html>